#NoticeGroup {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
}

::-webkit-scrollbar {
  display: none;
}

header {
  position: absolute;
  display: flex;
  justify-content: space-between;
  background-color: #ccc;
  top: 0;
  width: 100%;
  z-index: 1;

  > ul {
    height: 50px;
    line-height: 50px;
    padding: 0px 40px 0px 50px;

    > li {
      float: left;
      margin-right: 10px;
      font-size: 19px;

      :first-child {
        color: #fff;
      }
    }
  }
}

.groupPage {
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
  height: calc(100% -50px);
  background-color: #fff;
  >.groupContentAside {
    position: relative;
    height: 100%;
    float: left;
    background-color: #fff;
    border-right: 1px solid #ccc
      > aside {
        position: relative;
        width: 239px;
        background: #fff;
        >.checkAll {
          padding: 20px 40px;
          height: 60px;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #4c4c4c;
          letter-spacing: -0.39px;
          cursor pointer
          background-color: #e5e5e5
        }
        .checkAll:hover {
          background-color #7f7f7f
          > span {
            color: #fff;
          }
        }
        .checkedActive {
            padding: 20px 40px 20px 32px;
            border-left: 8px solid #4A96FF;
            background-color: #7f7f7f;
            > span {
              color: #fff;
            }
        }
        >.meetingNotice {
            margin: 20px 40px 0 40px;
            width 160px
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-size: 16px;
            color: #FFFFFF;
            letter-spacing: -0.39px;
            background-color: #ccc;
            cursor pointer
        }
        >.checkgroup {
            .groupTitle {
                display: inline-block;
                padding: 20px 0px 10px 20px;
                width: 100%;
                height: 50px;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #4c4c4c;
                letter-spacing: -0.39px;
            }
            > ul {
                width: 100%;
                > li {
                  position relative
                  width 100%
                  height: 60px;
                  margin-bottom: 1px;
                  padding: 10px 40px 10px 40px;
                  font-family: PingFangSC-Regular;
                  font-size: 14px;
                  color: #9399B0;
                  letter-spacing: -0.39px;
                  cursor pointer
                  background-color: #e5e5e5
                  > p {
                    .oldTitle {
                      display inline-block
                      position relative
                      top 0
                      left 0
                      max-width 130px
                      overflow: hidden; /*自动隐藏文字*/
                      text-overflow: ellipsis;/*文字隐藏后添加省略号*/
                      white-space: nowrap;/*强制不换行*/
                    }
                    .editGroupName {
                      display inline-block
                      position relative
                      top -5px
                      left 0
                      text-align center
                      line-height 20px
                      width 20px
                      height 20px
                    }
                  }

                  .targetGroupTitle {
                    position absolute
                    top 10px
                    left 31px
                    width 120px
                    color: #9399B0;
                    background:#fff;
                    outline:none;
                    border:0px;
                    placeholder(#f7981c)
                  }
                  .delBtn {
                    position absolute
                    width 20px
                    height 20px
                    line-height 20px
                    text-align center
                    top 5px
                    right 10px
                    background: #e5e5e5;
                    border-radius: 1px;
                    color #4c4c4c
                  }
                  .companyTotalCount {
                    display: block;
                    font-size: 12px;
                    color: #9399B0;
                  }
                  .groupStatus {
                    color: #FB607F;
                  }
                  .btnLeft {
                    position absolute
                    top 20px
                    left 10px
                    width 16px
                    height 20px
                    .btnUp {
                      position absolute
                      width 16px
                      height 10px
                      text-align center
                      line-height 10px
                      top 0px
                      font-size 8px
                      background: #F1F4F8;
                      border-radius: 1px;
                      color #4A96FF
                    }
                    .BtnDown {
                      position absolute
                      width 16px
                      height 10px
                      text-align center
                      line-height 10px
                      bottom 0px
                      font-size 8px
                      background: #F1F4F8;
                      border-radius: 1px;
                      color #4A96FF
                    }
                  }
                }
                > li:hover {
                  background: #7f7f7f;
                  > p {
                    color: #fff;
                  }
                  > span {
                    color: #fff;
                  }
                }
                .checkedActive01 {
                    padding: 10px 40px 10px 35px;
                    border-left: 5px solid #4A96FF;
                    background-color: #7f7f7f;
                    > p {
                      color: #fff;
                    }
                    > span {
                      color: #fff;
                    }
                    .delBtn {
                      color #4c4c4
                    }
                }
            }
            .addGroupInfo {
              margin-bottom: 20px;
              padding: 10px 40px 10px 32px;
              border-left: 8px solid #4A96FF;
              background-color: #fff;
              color: #333;
              > input {
                border: 0px solid #000;
              }
              > span {
                color: #FB607F;
              }
            }
        }
    }
  }

  article {
    position: relative;
    float: left;
    height: 100%;
    width: -moz-calc(100% - 240px);
    width: -webkit-calc(100% - 240px);
    width: calc(100% - 240px);
    background: #fff;
    > .groupListTitle {
      margin: 20px 0 40px 0;
      width: 760px;
      margin-left: 40px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      > .titleListLeft {
        width: 210px;
        height: 40px;
        display: flex;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #4c4c4c;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        border: 1px solid #e5e5e5;
        > .groupsNum, .loginTime {
          flex: 96;
        background: #e5e5e5;
        }
        // > .loginTime {
        //   flex: 114;
        //   background: #3B3F4E;
        //   border: 1px solid #3B3F4E;
        //   border-radius: 0px 4px 4px 0px;
        // }
        > .activeTitleStyle {
          flex: 114;
          height 38px
          // border-radius: 4px;
          background: #7f7f7f;
          color: #fff;
        }
      }
      > .titleListRight {
        position relative
        width 245px
        height 40px
        > input {
          width 100%
          height 100%
          color: #fff;
          padding: 0 50px 0 15px;
          background: #e5e5e5;
          border: 1px solid #e5e5e5;
          border-radius: 4px;
          overflow: hidden; /*自动隐藏文字*/
          text-overflow: ellipsis;/*文字隐藏后添加省略号*/
          white-space: nowrap;/*强制不换行*/
        }
        > .searchBtn {
          position absolute
          right 0px
          top 0px
          width 40px
          height 40px
          line-height 40px
          text-align: center;
          font-size 25px
        }
      }
    }
    > .groupListName {
        height: 40px;
        line-height: 40px;
        margin: 20px 0 10px 40px;
        font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #9399B0;
        letter-spacing: -0.43px;
    }
    > .groupListInfoView {
      width 760px
      height calc(100% - 180px)
      > .groupListInfo {
        position: relative;
        width: 760px;
        margin-left: 40px;
        padding: 20px 0px;
        height: 100%;
        background-color: #fff;
        > .groupContentInfo {
          position relative
          float left
          width 100%
          height 100%
          > li {
            width: 660px;
            // height: 315px;
            padding: 20px 50px;
            //padding: 20px 0px;
            background-color: #e5e5e5
            margin-bottom: 2px;
            > .notificationContent {
              width: 100%;
              > h2 {
                height 35px
                line-height 35px
                font-family: PingFangSC-Medium;
                font-size: 18px;
                color: #292D3D;
                letter-spacing: -0.34px;
              }
              > span {
                height 25px
                line-height 25px
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #999999;
                letter-spacing: -0.26px;
              }
              .centerContent {
                width 100%
                min-height 100px
                margin-top: 15px;
                display: flex;
                justify-content: space-around;
                margin-bottom: 20px;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #333333;
                letter-spacing: -0.26px;
                .center-left {
                  width: 50%;
                  > p {
                    margin-bottom: 10px;
                  }
                }
                .center-right {
                  width: 50%;
                  padding-left: 40px;
                  > p {
                    > span {
                      font-family: PingFangSC-Regular;
                      font-size: 14px;
                      color: #4A96FF;
                      letter-spacing: -0.26px;
                      line-height: 20px;
                    }
                  }
                }
              }
              .groupList {
                position relative
                margin-top: 15px;
                > ul {
                  overflow: hidden;
                  > li {
                    position: relative;
                    float: left;
                    padding: 5px 25px 5px 10px;
                    color: #fff;
                    font-family: PingFangSC-Regular;
                    font-size: 14px;
                    margin-right: 10px;
                    margin-bottom: 10px;
                    background: #4A96FF;
                    border: 1px solid #4A96FF;
                    border-radius: 3px;
                  }
                  .addNewGroup {
                    background: #F1F4F8;
                    font-size: 14px;
                    border: 1px solid #D5DCE6;
                    border-radius: 3px;
                    color: #333C48;
                    cursor: pointer;
                  }
                  .deleteBtn {
                    position: absolute;
                    top: 0;
                    right: 2px;
                    font-size: 24px;
                    width: 20px;
                    height: 100%;
                    line-height: 30px;
                    text-align: center;
                    cursor: pointer;
                  }
                  .isTargetGroup {
                    background: #F7981C;
                    border-radius: 3px;
                    border 1px solid #F7981C
                  }
                }
                .addNewGroupModal {
                  width 100%
                  position relative
                  border 1px solid #ccc
                  border-radius 5px
                  z-index 1
                  margin-bottom 10px
                  .addNewGroupModalBottomTop {
                      margin 5px
                  }
                  .addNewGroupModalBottomBottom {
                    position relative
                    width 100%
                    min-height 50px
                    padding 5px 0 0 5px;
                    > span {
                      display: inline-block;
                      padding: 5px 10px;
                      color: #fff;
                      font-family: PingFangSC-Regular;
                      font-size: 14px;
                      margin-right: 5px;
                      margin-bottom: 5px;
                      background: #95C1FF;
                      border: 1px solid #95C1FF;
                      border-radius: 3px;
                      cursor pointer
                    }
                    :hover {
                      background: #4A96FF;
                      color: #333;
                    }
                    .checkedActive03 {
                      background: #4A96FF;
                      color: #333;
                    }
                  }
                }
              }
            }
          }
          .notContent {
              width 100%
              height 100%
              line-height: 100%;
              .icon-zanwuneirong {
                  font-size: 120px;
                  position absolute
                  left 50%
                  transform: translate(-50%)
                  top 40%
              }
              .name {
                  position: absolute
                  left 50%
                  transform: translate(-50%)
                  top 51%
                  font-size: 24px;
              }
          }
        }
      }
    }
  }
}
